<div class="container">
  <div class="row">
    <div class="col">
      <h1 class="h3 mb-4 text-center" i18n>Resources</h1>
      <div class="overview-list">
        @for (item of overviewItems; track item) {
          <div class="mb-4">
            <h2 class="h5 mb-1 mt-0">{{ item.title }}</h2>
            <p class="mb-1">{{ item.description }}</p>
            <a [routerLink]="item.routerLink">Explore {{ item.title }} →</a>
          </div>
        }
      </div>
    </div>
  </div>
</div>
